<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.box{
				width: 180px;	
							
				border: 1px solid gray;	
				padding: 10px;	
				margin: 0px auto;		
			}
			.jd{
				width: 180px;	
						
				border: 1px solid gray;
				padding: 10px;
				margin: 0px auto;
			}
			li{
				line-height: 60px;
			}
			a{
				color: #626262;
				text-decoration: none;
			}
			li:hover{
				background: #d9d9d9;
			}
			a:hover{
				color: red;
			}
		</style>		
	</head>
	<body>
		<div class="jd" >
			<img src="img/logo.gif" width="180px"/>
		</div>
		<div class="box" >
		    <ul type="none">
		    	<li>
		    		<a href="#">家用电器</a>
		    	</li>
		    	<li>
		    		<a href="#">手机</a><span>/</span><a href="#">运营商</a>
		    	</li>
		    	<li>
		    		<a href="#">电脑</a><span>/</span><a href="#">办公</a>
		    	</li>
		    	<li>
		    		<a href="#">家具</a><span>/</span><a href="#">家居</a><span>/</span><a href="#">家装</a><span>/</span><a href="#">厨具</a>
		    	</li>
		    	<li>
		    		<a href="#">男装</a><span>/</span><a href="#">女装</a><span>/</span><a href="#">童装</a><span>/</span><a href="#">内衣</a>
		    	</li>
		    	<li>
		    		<a href="#">黄金</a><span>/</span><a href="#">女鞋</a><span>/</span><a href="#">珠宝</a><span>/</span><a href="#">钟表</a>
		    	</li>
		    	<li>
		    		<a href="#">理财</a><span>/</span><a href="#">众筹</a><span>/</span><a href="#">白条</a><span>/</span><a href="#">保险</a>
		    	</li>
		    	<li>
		    		<a href="#">安装</a><span>/</span><a href="#">维修</a><span>/</span><a href="#">美容</a><span>/</span><a href="#">清洗</a>
		    	</li>
		    </ul>
			
		</div>
	</body>
</html>
